<div id="sign" class="sign">
    <div class="part loginPart">
	    <form id="login" action="#" method="post" novalidate="novalidate">
	        <div id="register-active" class="switch"><i class="fa fa-toggle-on"></i>切换注册</div>
	        <h3>登录<p class="status" style="color:red;"></p></h3>
	        <p>
	            <label class="icon" for="email"><i class="fa fa-user"></i></label>
	            <input class="input-control" id="email" type="email" placeholder="请输入邮箱" name="email" required="" aria-required="true"/>
	        </p>
	        <p>
	            <label class="icon" for="password"><i class="fa fa-lock"></i></label>
	            <input class="input-control" id="password" type="password" placeholder="请输入密码" name="password" required="" aria-required="true"/>
	        </p>
	        <p class="safe">
	            <label class="remembermetext" for="rememberme">
	            <input name="rememberme" type="checkbox" checked="checked" id="rememberme" class="rememberme" value="forever"/>记住我的登录
	            </label>
	            <a class="lost" href="${url}/user/lostpassword">忘记密码 ?</a>
	        </p>
	        <p>
	            <input class="submit" type="submit" value="登录" name="submit"/>
	        </p>
	        <a class="close"><i class="fa fa-times"></i></a>
		</form>
        <div class="other-sign">
			<p>您也可以使用第三方帐号快捷登录</p>
			<div class="2-col">
				<a class="qqlogin" href="#"><i class="fa fa-qq"></i><span>Q Q 登 录</span></a>
			</div>
			<div class="2-col">
				<a class="weibologin" href="#"><i class="fa fa-weibo"></i><span>微 博 登 录</span></a>
			</div>
		</div>
    </div>
    <div class="part registerPart">
    <form id="register" action="#" method="post" novalidate="novalidate">
        <div id="login-active" class="switch"><i class="fa fa-toggle-off"></i>切换登录</div>
        <h3>注册<p class="status" style="color:red;"></p></h3>    
        <p>
            <label class="icon" for="username"><i class="fa fa-user"></i></label>
            <input class="input-control" id="username" type="text" name="username" placeholder="输入英文用户名" required="" aria-required="true"/>
        </p>
        <p>
            <label class="icon" for="email"><i class="fa fa-envelope"></i></label>
            <input class="input-control" id="email" type="email" name="email" placeholder="输入常用邮箱" required="" aria-required="true"/>
        </p>
        <p>
            <label class="icon" for="_password"><i class="fa fa-lock"></i></label>
            <input class="input-control" id="_password" type="password" name="password" placeholder="密码最小长度为6" required="" aria-required="true"/>
        </p>
        <p>
            <label class="icon" for="re_pass"><i class="fa fa-retweet"></i></label>
            <input class="input-control" type="password" id="re_pass" name="re_pass" placeholder="再次输入密码" required="" aria-required="true"/>
        </p>
        <p id="captcha_inline">
            <input class="submit inline" type="submit" value="注册" name="submit"/>
        </p>
        <a class="close"><i class="fa fa-times"></i></a>  
    </form>
    </div>
    <div class="clear"></div>
</div>